<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>售票系统</title>
  <link rel="stylesheet" href="css/libs/bootstrap.css">
  <link rel="stylesheet" href="css/libs/bootstrap-table.css">
  <link rel="stylesheet" href="css/base.css">
</head>
<body>
<%--登录界面--%>
<div class="container login main_hide" id="view-login">
  <div class="form-horizontal">
    <div class="form-group">
      <label class="col-sm-2 control-label"></label>
      <div class="col-sm-5">
        <h3>用户登录</h3>
      </div>
    </div>
    <div class="form-group">
      <label for="phone" class="col-sm-2 control-label">账号</label>
      <div class="col-sm-5">
        <input type="text" maxlength="11" class="form-control" id="phone"
               placeholder="请输入账号">
      </div>
    </div>
    <div class="form-group">
      <label for="pwd" class="col-sm-2 control-label">密码</label>
      <div class="col-sm-5">
        <input type="password" maxlength="16" class="form-control" id="pwd"
               placeholder="请输入密码">
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <a id="to_sign">没有账号？立即注册</a>
        <a id="to_login" class="main_hide">返回登录</a>
      </div>
    </div>
    <div class="form-group">
      <div class="col-sm-offset-2 col-sm-10">
        <button class="btn btn-default" id="login" >立即登录1</button>
        <button class="btn btn-default main_hide" id="sign">立即注册</button>
      </div>
    </div>
  </div>
</div>
<%--用户界面--%>
<div id="view-user" class="main_hide">
  <nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" href="#">售票系统</a>
      </div>
      <div>
        <ul class="nav navbar-nav">
          <li id="user-nav-attractions"><a href="#">景点</a></li>
          <li id="user-nav-orders"><a href="#">我的订单</a></li>
          <li id="user-nav-info"><a href="#">我的信息</a></li>
          <li><a href="/">退出登录</a></li>
        </ul>
      </div>
    </div>
  </nav>
  <div class="container">
    <div class="main_hide" id="view-user-attractions">
      <table id='view-user-attractions-table' class='table custom-table'></table>
    </div>
    <div class="main_hide" id="view-user-orders">
      <table id='view-user-orders-table' class='table custom-table'></table>
    </div>
    <div class="main_hide" id="view-user-info">
      <div class='form-horizontal'>
        <div class="form-group">
          <label class="col-sm-2 control-label">用户名称</label>
          <div class="col-sm-10">
            <input id="view-user-info-name" class="form-control" type="text" placeholder="请输入用户名"/>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 control-label">用户性别</label>
          <div class="col-sm-10">
            <select  id="view-user-info-sex" class="form-control">
              <option value="男">男</option>
              <option value="女">女</option>
            </select>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 control-label">用户年龄</label>
          <div class="col-sm-10">
            <input id="view-user-info-age" class="form-control" type="text" placeholder="请输入年龄"/>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 control-label">用户地址</label>
          <div class="col-sm-10">
            <input id="view-user-info-address" class="form-control" type="text" placeholder="请输入地址"/>
          </div>
        </div>
        <div class="form-group">
          <label class="col-sm-2 control-label"></label>
          <div class="col-sm-10">
            <button class="btn btn-primary" onclick="saveUserInfo()">保存</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</div>
<%--管理员界面--%>
<div id="view-admin" class="main_hide">
  <nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" href="#">售票系统后台管理</a>
      </div>
      <div>
        <ul class="nav navbar-nav">
          <li id="admin-nav-attractions"><a href="?type=admin&nav=1">景点管理</a></li>
          <li id="admin-nav-orders"><a href="?type=admin&nav=2">订单管理</a></li>
          <li id="admin-nav-users"><a href="?type=admin&nav=3">用户管理</a></li>
          <li><a href="/">退出登录</a></li>
        </ul>
      </div>
    </div>
  </nav>
  <div class="container">
    <div class="main_hide" id="view-admin-attractions">
      <%--工具栏--%>
      <div id='view-admin-attractions-toolbar' class='btn-group'>
        <button class="btn btn-default" data-toggle="modal" data-target="#admin-dialog-attractions" onclick='adminAddAttractions()'>
          <span class='glyphicon glyphicon-plus'></span>
          新建景点
        </button>
      </div>
      <table id='view-admin-attractions-table' class='table custom-table'></table>
    </div>
    <div class="main_hide" id="view-admin-users">
      <table id='view-admin-users-table' class='table custom-table'></table>
    </div>
    <div class="main_hide" id="view-admin-orders">
      <table id='view-admin-orders-table' class='table custom-table'></table>
    </div>
  </div>
</div>
<%--景点管理对话框--%>
<div id='admin-dialog-attractions' class='modal fade' tabindex='-1' role='dialog' aria-labelledby='admin-dialog-attractions-label' aria-hidden='true' style="z-index: 9999;" data-backdrop="static" data-keyboard="false">
  <div class='modal-dialog'>
    <div class='modal-content'>
      <div class='modal-header'>
        <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>&times;</button>
        <h4 id='admin-dialog-attractions-label' class='modal-title'></h4>
      </div>
      <div class='modal-body'>
        <div class='form-horizontal'>
          <input type="hidden" id="admin-dialog-attractions-id"/>
          <div class="form-group">
            <label class="col-sm-2 control-label">景点名称</label>
            <div class="col-sm-10">
              <input id="admin-dialog-attractions-name" class="form-control" type="text" placeholder="请输入景点名称"/>
            </div>
          </div>
          <div class="form-group">
            <label class="col-sm-2 control-label">景点描述</label>
            <div class="col-sm-10">
              <textarea id="admin-dialog-attractions-description" class="form-control" rows="8" placeholder="请输入景点描述"></textarea>
            </div>
          </div>
          <div class="form-group">
            <label class="col-sm-2 control-label">景点地址</label>
            <div class="col-sm-10">
              <input id="admin-dialog-attractions-address" class="form-control" placeholder="请输入景点地址"/>
            </div>
          </div>
          <div class="form-group">
            <label class="col-sm-2 control-label">景点星级</label>
            <div class="col-sm-10">
              <input id="admin-dialog-attractions-level" class="form-control" placeholder="请输入景点星级"/>
            </div>
          </div>
        </div>
      </div>
      <div class='modal-footer'>
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button id="admin-dialog-attractions-btn-add" type="button" class="btn btn-info main_hide" onclick="doAdminAddAttractions()">添加</button>
        <button id="admin-dialog-attractions-btn-edit" type="button" class="btn btn-info main_hide" onclick="doAdminEditAttractions()">修改</button>
      </div>
    </div>
  </div>
</div>
<%--用户门票--%>
<div id='user-dialog-tickets' class='modal fade' tabindex='-1' role='dialog' aria-labelledby='user-dialog-tickets-label' aria-hidden='true' style="z-index: 9999;" data-backdrop="static" data-keyboard="false">
  <div class='modal-dialog'>
    <div class='modal-content'>
      <div class='modal-header'>
        <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>&times;</button>
        <h4 id='user-dialog-tickets-label' class='modal-title'>门票信息</h4>
      </div>
      <div class='modal-body'>
        <table id='user-dialog-tickets-table' class='table custom-table'></table>
      </div>
    </div>
  </div>
</div>
<div id='admin-dialog-sales' class='modal fade' tabindex='-1' role='dialog' aria-labelledby='admin-dialog-sales-label' aria-hidden='true' style="z-index: 9999;" data-backdrop="static" data-keyboard="false">
  <div class='modal-dialog'>
    <div class='modal-content'>
      <div class='modal-header'>
        <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>&times;</button>
        <h4 id='admin-dialog-sales-label' class='modal-title'>销售情况</h4>
      </div>
      <div class='modal-body'>
        <table id='admin-dialog-sales-table' class='table custom-table'></table>
      </div>
    </div>
  </div>
</div>
<%--门票管理对话框--%>
<div id='admin-dialog-tickets' class='modal fade' tabindex='-1' role='dialog' aria-labelledby='admin-dialog-tickets-label' aria-hidden='true' style="z-index: 9999;" data-backdrop="static" data-keyboard="false">
  <div class='modal-dialog'>
    <div class='modal-content'>
      <div class='modal-header'>
        <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>&times;</button>
        <h4 id='admin-dialog-tickets-label' class='modal-title'>门票信息</h4>
      </div>
      <div class='modal-body'>
        <%--工具栏--%>
        <div id='admin-dialog-tickets-toolbar' class='btn-group'>
          <button class="btn btn-default" data-toggle="modal" data-target="#admin-dialog-tickets-info" onclick='adminAddTicket()'>
            <span class='glyphicon glyphicon-plus'></span>
            新建门票
          </button>
        </div>
        <table id='admin-dialog-tickets-table' class='table custom-table'></table>
      </div>
    </div>
  </div>
</div>
<div id='admin-dialog-tickets-info' class='modal fade' tabindex='-1' role='dialog' aria-labelledby='admin-dialog-tickets-info-label' aria-hidden='true' style="z-index: 9999;" data-backdrop="static" data-keyboard="false">
  <div class='modal-dialog'>
    <div class='modal-content'>
      <div class='modal-header'>
        <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>&times;</button>
        <h4 id='admin-dialog-tickets-info-label' class='modal-title'></h4>
      </div>
      <div class='modal-body'>
        <div class='form-horizontal'>
          <input type="hidden" id="admin-dialog-tickets-info-id"/>
          <div class="form-group">
            <label class="col-sm-2 control-label">门票类型</label>
            <div class="col-sm-10">
              <select id="admin-dialog-tickets-info-sort" class="form-control">
                <option value="0">成人票</option>
                <option value="1">儿童票</option>
                <option value="2">老年票</option>
              </select>
            </div>
          </div>
          <div class="form-group">
            <label class="col-sm-2 control-label">门票价格</label>
            <div class="col-sm-10">
              <input type="number" id="admin-dialog-tickets-info-price" placeholder="请输入门票价格" class="form-control"/>
            </div>
          </div>
          <div class="form-group">
            <label class="col-sm-2 control-label">门票余量</label>
            <div class="col-sm-10">
              <input type="number" id="admin-dialog-tickets-info-count" placeholder="请输入门票余量" class="form-control"/>
            </div>
          </div>
        </div>
      </div>
      <div class='modal-footer'>
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button id="admin-dialog-tickets-info-btn-add" type="button" class="btn btn-info main_hide" onclick="doAdminAddTicket()">添加</button>
        <button id="admin-dialog-tickets-info-btn-edit" type="button" class="btn btn-info main_hide" onclick="doAdminEditTicket()">修改</button>
      </div>
    </div>
  </div>
</div>

<%--用户信息--%>

<div class='modal-body'>

  <div id='admin-dialog-tickets-b' class='btn-group'>
  <table id='view-user-users-table' class='table custom-table'></table>
</div>

<%--用户管理对话框--%>
<div id='admin-dialog-users' class='modal fade' tabindex='-1' role='dialog' aria-labelledby='admin-dialog-users-label' aria-hidden='true' style="z-index: 9999;" data-backdrop="static" data-keyboard="false">
  <div class='modal-dialog'>
    <div class='modal-content'>
      <div class='modal-header'>
        <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>&times;</button>
        <h4 id='admin-dialog-users-label' class='modal-title'>用户密码修改</h4>
      </div>
      <div class='modal-body'>
        <div class='form-horizontal'>
          <input type="hidden" id="admin-dialog-users-id"/>
          <div class="form-group">
            <label class="col-sm-2 control-label">新密码</label>
            <div class="col-sm-10">
              <input type="password" id="admin-dialog-users-pwd" placeholder="请输入密码" maxlength="16" class="form-control"/>
            </div>
          </div>
        </div>
      </div>
      <div class='modal-footer'>
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-info" onclick="doAdminEditUserPwd()">确定</button>
      </div>
    </div>
  </div>
</div>
<script src="js/libs/jquery-3.3.1.js"></script>
<script src="js/libs/bootstrap.js"></script>
<script src="js/libs/bootstrap-table.js"></script>
<script src="js/libs/locale/bootstrap-table-zh-CN.js"></script>
<script src="js/libs/echarts.js"></script>
<script src="js/utils/table.js"></script>
<script src="js/utils/base64.js"></script>
<script src="js/index.js"></script>
  <script>

    function login(){
        alert("asdfasdfads");
    }

  </script>
</body>
</html>
